<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程训练</title>
</head>

<body class="course">
    <!-- 顶部导航 -->
    <nav class="navbar">

    </nav>
    <main class="main">
        <!-- 课程训练 -->
        <div class="newcourse">
            <h3>最新课程</h3>
            <a href="sports_course_detail.html?id=1" class="newcourse-a">
                <div class="images">
                    <img id="img" src="../../assets//images/course-img01.jpg">
                </div>
                <div class="text">
                    <h4 class="name">巧克力腹肌雕刻</h4>
                    <p class="desc">一场痛快淋漓的腹肌撕裂体验,虐出你的巧克力腹肌!</p>
                </div>
            </a>
        </div>
        <!-- 课程列表 -->
        <div class="course-list">
            <h3>课程</h3>
            <ul class="course-list-ul">
                
            </ul>
        </div>

    </main>
    <!-- 底部导航 -->
    <nav class="tabbar">

    </nav>
</body>

</html>